<template>
    <view>
        <view class="header-nav">
            <view style="width: 20%;"></view>
            <view style="width: 60%;text-align: center;">添加资源</view>
            <view style="line-height: 80upx;margin-top: 12upx;width: 18%;" @tap="finish">
                <button type="primary" size="mini" style="font-size: 24upx;margin-left:20upx;">完成</button>
            </view>
        </view>

        <view>
            <view class="success-box">
                <view style="margin: 96upx 0 40upx 0;"><uni-icon type="checkbox-filled" color="#007aff" style="font-size: 48upx"></uni-icon>资源添加成功！</view>
                <view>请等待工作人员审核！</view>  
               
            </view>

            <navigator url="../advertisement/addResources" open-type="navigate">
                <button type="primary" size="default" style="font-size: 32upx;margin:10upx 0">继续添加</button>
            </navigator>

            <view class="button-row">
                <button class="button-item" type="default" size="mini" @tap="addDetails">查看添加详情</button>
                <button class="button-item" type="default" size="mini" @tap="goAdvertisement">返回投放列表</button>
            </view>
               
           

        </view>
    </view>
</template>
<script>
    import uniIcon from "@/components/uni-icon/uni-icon.vue"
    export default {
        components:{ uniIcon },
        data(){
            return{

            }
        },
        methods:{
            finish(){
                uni.switchTab({
				url:'../advertisement/advertisement'
			});
            },
            addDetails(){
                uni.navigateTo({
				    url: '../advertisement/resourcesDetails'
			    });
            },
            goAdvertisement(){
                uni.switchTab({
				url:'../advertisement/advertisement'
			});
            }
        }
    }
</script>

<style>
    .header-nav {
        background-color: #F8F8F8;
        display: flex;
        width: 100%;
        height: 80upx;
        line-height: 80upx;
        font-size: 30upx;
       
    }
    .success-box{
       height:400upx;
       border-top: 1px solid #999999;
       border-bottom: 1px solid #999999;
       font-size: 32upx;
       text-align: center;
    }
    .button-row{
        display:flex;
        flex-direction: row;
    }
    .button-item{
       font-size: 32upx;
       width:49%;
    }
</style>